// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import router from './router'
//引入vuex仓库
import store from "@/store";

import ElementUI from 'element-ui'



import "element-ui/lib/theme-chalk/index.css"
Vue.config.productionTip = false
Vue.use(ElementUI)


//使用钩子函数对路由进行权限跳转    总共有7个beforeResolve  beforeEach afterEach   全局钩子有3个   组件内部 3个   路由实例独享的钩子  1个
router.beforeEach((to,from,next)=>{
    document.title = `${ to.meta.title } | HappyMmail后端管理系统` 
    const role = localStorage.getItem("admin");
    if (!role && to.path !== '/login') {
        next("/login")
    } else if(to.meta.permission){//保留功能 如果有权限页面 超级管理员  一般管理员  一般用户  客户  
        role === 'admin' ? next() : next('/403')
    }else{
        //富文本编辑器  ie10才能用  简单判断IE10及以下浏览器不能进入富文本编辑器 这个组件不兼容
        if (navigator.userAgent.indexOf('MISE') > -1 &&  to.path === '/edit') {
            alert("富文本编辑器组件不兼容IE10及以下浏览器")
        } else {
            next();
        }        
    }
    
})



/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  store,
  components: { App },
  template: '<App/>'
})
